// nav-login-page
.nav-login-page{
	width:100%;
	.nav-login-page-nav{
		width:1080px;
		height:50px;
		margin: 0 auto;
		padding: 33px 60px 37px 56px;
		a{
			float:left;
			img{
				display:block;
			}

		}
		.nav-login-page-nav-right{
			float:right;
			a{
			font-size:14px;
			color:#656565;
			padding: 0 4px;
			margin-top:14px;
			&:hover{
				    color: #248DCC;
			}
			}
		}
	}

}
// head-login-page
.head-login-page{
	width:100%;
	height:626px;
	background: url('../../src/img/background.jpg') no-repeat center;
	.head-login-div-right{
		width:1113px;
		height:626px;
		margin:0 auto;
		position:relative;
		.tab{
			position:absolute;
			right:0;
			top:112px;
			width:293px;
			padding:0 37px 32px;
			background: #fefefe;
			color:#747474;
			.span1{
				height: 67px;
			    line-height: 80px;
			    width: 50%;
			    border-bottom: #ddd solid 1px;
			    text-align:center;
			    font-size:14px;
			    float:left;
			    cursor: pointer;

			}
			.avtive{
				color:#000000;
				border-bottom:1px solid #31ca98;

			}
			.head-login-div-right-box1{
					display:none;
				.head-login-div-right-box1-1{
					border: #ddd solid 1px;
				    height: 47px;
				    line-height: 45px;
				    margin: 20px 0 0 0;
				    padding: 0 0 0 46px;
				    float:left;
				     position:relative;
					.ico-end1{
					width:29px;
					height:19px;
					background: url(../../src/img/ico.png) no-repeat 11px 0px;
					display:inline-block;
					position:absolute;
					left:6px;
					top:15px;
				}
					.text{
						    height: 45px;
						    font-size:14px;
						    line-height: 45px;
						    width: 244px;
						    border: none;
						    text-indent: 2px;
						    outline: none;
						    color:#747474;
				          }
				          .ico-login{
				          	width:29px;
							height:19px;
							background: url(../../src/img/login_ico.png) no-repeat ;
							display:inline-block;
							position:absolute;
							left:6px;
							top:15px;
				          }
				          .login11{
								background-position:11px -37px;
								
								
				          }
				          
				         
				          
				}
				.head-login-div-right-box1-2{
					border: #ddd solid 1px;
				    height: 47px;
				    line-height: 45px;
				    margin: 20px 0 0 0;
				    padding: 0 0 0 46px;
				    float:left;
				     position:relative;

					.ico-end2{
					width:29px;
					height:19px;
					background: url(../../src/img/ico.png) no-repeat 11px -28px;
					display:inline-block;
					position:absolute;
					left:6px;
					top:15px;
				}
				.login12{
							width:29px;
							height:19px;
							background: url(../../src/img/login_ico.png) no-repeat 11px -68px;
							display:inline-block;
							position:absolute;
							left:6px;
							top:15px;
								
				          }
				   .login13{
							width:29px;
							height:19px;
							background: url(../../src/img/login_ico.png) no-repeat 11px -11px;
							display:inline-block;
							position:absolute;
							left:6px;
							top:15px;
								
				          }
					.text{
				            height: 45px;
						    line-height: 45px;
						    width: 244px;
						    border: none;
						    text-indent: 2px;
						    outline: none;
						    font-size:14px;
						    color:#747474;
					}
					.text1{
				            height: 45px;
						    line-height: 45px;
						    width: 141px;
						    border: none;
						    text-indent: 2px;
						    outline: none;
						    font-size:14px;
						    color:#747474;
					}
					.text3{
				            height: 45px;
						    line-height: 45px;
						    width: 141px;
						    border: none;
						    text-indent: 2px;
						    outline: none;
						    font-size:14px;
						    color:#747474;
					}
					.text-right{
						width:100px;
						height:45px;
						float:right;
						font-size:12px;
						border:1px solid #31ca98;
						line-height:45px;
						text-align:center;
						border-radius:4px;
						cursor: pointer;

						&:hover{
							background:#31ca98;
						}
					}
				}
				.varifyimg{
					position:absolute;
					left: 228px;
    				top: 158px;
    				cursor: pointer;
				}
				.head-login-div-right-box1-3{
						height:16px;
						padding:23px 0 21px;
						font-size:14px;
						float:left;
					.checkbox{
						 outline: none;
						 vertical-align: middle;
						 margin-top: -1px;

					}
					.span3{
						padding-right:149px;
						color:#656565;

						
					}
					a{
						color:#656565;
						float:right;
						&:hover{
							   color: #248DCC;
						}
					}
				}
				.submit{
					width:293px;
					height:50px;
					text-align:center;
					line-height:50px;
					background:#31ca98;
					font-size:20px;
					color:#fff;
					outline: none;
					border:0;
					cursor: pointer;
					border-radius:5px;

				}
				.head-login-div-right-box1-4{
					height:14px;
					padding:19px 0 13px;
					font-size:14px;
					span{
						float:left;
						color:#656565;

					}
					a{
						color:#656565;
						float:right;
						&:hover{
							   color: #248DCC;
						}
					}
				}
				a{

				}
				.ico-end{
					width:29px;
					height:19px;
					background: url(../../src/img/ico.png) no-repeat ;
					display:inline-block;
					
				}
				.qq{
					    background-position: 0 -84px;

				}
				.weixin{
						background-position: 0 -140px;
				}
				.zhifubao{
						background-position: 0 -168px;
				}
			}
			.boxx{
			display:block;
		    }	
		}
		
	}
}
// login-end
.login-end{
	width:100%;
	.login-end-end{
		font-size:12px;
		color:#989898;
		width:811px;
		margin:0 auto;
		padding: 69px 0;
		text-align:center;
		a{
   			color:#989898;

   			&:hover{
   				color: #248DCC;
   			}

		}
		p{
			margin-top:5px;
			padding-bottom:20px;
		}
	}
}
// collphone
.collphone{
    background-color: #F96868;
    border-radius: 50%;
    box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.25);
    position: fixed;
    width: 65px;
    height: 65px;
    right: 33px;
    bottom: 24px;
    cursor: pointer;
    
	img{
		display:block;
		width:60px;
		height:60px;
	}
}